import { UpOutlined } from '@ant-design/icons'
import React, { useState } from 'react'

function MobileCopyright() {
  const [isShow, setIsShow] = useState(false)
  return (
    <>
      <div
        className="mobileCopyright"
        style={{ bottom: isShow ? '0' : '-43.6vw' }}
      >
        <div className="copyright-btn" onClick={() => setIsShow(!isShow)}>
          <span>&copy; Copyright </span>
          <UpOutlined style={{ fontSize: '4.13vw' }} />
        </div>
        <div className="nav">
          <a href="#">用户协议</a>
          <a href="#">隐私政策</a>
          <a href="#">自律公约</a>
          <a href="#">家长监护</a>
        </div>
        <div className="line"></div>
        <p>
          抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当
          <br />
          适度游戏益脑 沉迷游戏伤身 合理安排市监 享受健康生活 <br />
          适龄提醒：本游戏适合12周岁以上的用户游玩
          <br />
          沪ICP备2024066752号 |<br />
          沪网文〔2024〕1612-113号 |<br />
          新广出审 [ 2017 ]10147号
          <br />
          亲爱的玩家，上海警方反诈骗劝阻电话”962110”是专门针对避免您受骗损失而设立
          <br />
          请您一旦收到来电，立即接听
          <br />
          全国文化市场统一举报电话：12318 |
          伊丝露德投诉举报邮箱：cs.shihun@islud.com <br />
          ©2024 上海伊丝露德互联网科技有限公司
          <br />
          ©2024 SNK CORPORATION
        </p>
      </div>
    </>
  )
}

export default MobileCopyright
